﻿<!DOCTYPE html>
<!--***************************新增：滚动广告条***************************-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--***************************新增：滚动广告***************************-->
<head>
	<meta charset="utf-8">
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
	<meta name="viewport" content="width=device-width" />
	<title>Fantasy Template</title>
	<meta name="keywords" content="fantasy, responsive design, free template, fluid layout, bootstrap, templatemo" />
	<meta name="description" content="Fantasy is a responsive design, free template based on Bootstrap." />
	<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<!-- Custom styles for this template -->
	<link href="__PUBLIC__/css/justified-nav.css" rel="stylesheet" type="text/css">
	<link href="__PUBLIC__/templatemo_style.css" rel="stylesheet" type="text/css">
	<link href="__PUBLIC__/css/stickup.css" rel="stylesheet" type="text/css">
    
    <link href="__PUBLIC__/css/new.css" rel="stylesheet" type="text/css">
    <script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
	<script src="http://www.iruizi.com/kinMaxShow/v1.1/jquery.kinMaxShow-1.1.min.js" type="text/javascript"></script>
	<script src="__PUBLIC__/js/new.js" type="text/javascript"></script>
	<script src="__PUBLIC__/js/stickUp.min.js"></script>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link type="text/css" href="__PUBLIC__/_doc/base.css" rel="stylesheet" />

    <script type="text/javascript">
              //initiating jQuery
              jQuery(function($) {
                $(document).ready( function() {
                  //enabling stickUp on the '.navbar-wrapper' class
                  $('.navbar-wrapper').stickUp();
                });
              });

            </script>
<!--***************************head新增：滚动广告***************************-->
 
<!--***********************head新增：滚动广告***************************-->
</head>

<body onResize="refresh()">
	<!-- START THE NAVBAR -->

    <div class="navbar-wrapper">
      <div class="container">
      <div class="navwrapper">
        <div class="navbar navbar-inverse navbar-static-top">
          <div class="container">
          	
            <div class="navbar-header">
              
              <a class="navbar-brand" href="{:U('Login/index')}">Sign in</a>
            </div>
            <div class="navbar-collapse collapse">
              <ul class="nav navbar-nav">
               <!--<li class="menuItem active"><a href="login.html"><img src="Img/title.jpg"/></a></li>-->
                <li class="menuItem"><a href="#home"><img src="__PUBLIC__/Img/title.jpg"/></a></li>
                <!--<li class="menuItem divcss5_right"><a href="#contact">Contact</a></li>-->    
              </ul>
            </div>
          </div>
        </div> 
      </div><!-- End Navbar -->
      
      </div>
    </div> <!-- END NAVBAR -->
	<div id="main_container">
		<div class="container" id="home">

<!--***************************body新增：滚动广告***************************-->
    <div id="kinMaxShow">
     <div>
         <img src="__PUBLIC__/Img/Smile-1280x800.jpg"   />
            <div class="sub-01">
    <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a>                 
            </div>
        </div>
        
        <div>
         <img src="__PUBLIC__/Img/eggs-1280x800.jpg"   />
            <div class="sub-02">
             <div class="ad">
                 <img src="" />
                    <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a>
                </div>
                     
            </div>
        </div>
        
        <div>
         <img src="__PUBLIC__/Img/christmas_1920x1200.jpg"     />
            <div class="sub-02">
             <div class="ad">
                 <img src="" />
                    <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a>
                </div>
                     
            </div>
        </div>
        
        <div>
         <img src="__PUBLIC__/Img/Fall-Leaf-1280x800.jpg"   />
            <div class="sub-02">
             <div class="ad">
                 <img src="" />
                    <a href="javascript:alert('你点击了立即下载')" class="download-button no-outline">立即下载</a>
                </div>
                     
            </div>
        </div>
        
 
    </div>
<!--***************************body新增：滚动广告***************************-->
			<div class="masthead" id="masthead">
		        <ul class="nav nav-justified">
		          <li class="active"><a href="{:U('index')}">Home</a></li>
                  <li><a href="{:U('Activity/index')}">Activity</a></li>
		          <li><a href="{:U('Game/index')}">Game</a></li>
		          <li><a href="{:U('Charity/index')}">Charity</a></li>
		          <li><a href="{:U('Professor/index')}">Professor</a></li>
                  <li><a href="about.html">Q&A</a></li>
		        </ul>
	      	</div>
			<div class="row" id="thumbnails_container">

				<div class="col-md-12">
                    <volist name="list1" id="vo">
                        <h2>
                            <a class="title" href="{$vo.href}">{$vo.title}</a>
                            <span class="date">&nbsp;&nbsp;{$vo.date}</span>
                        </h2>
                        <p>
                            {$vo.summary}
                            <a href="{$vo.href}" rel="nofollow" target=_blank>READMORE</a>
                        </p>
                    </volist>
                    <h2>Picture News</h2>
				</div>

                <div id="content">
                    <include file="./Public/indexajaxlist.html" />
                </div>
			</div> <!-- thumbnail area -->
		</div>
		<footer class="container">
			<div class="credit row">
				<div class="col-md-6 col-md-offset-3">
					<div id="templatemo_footer">
						Copyright © 2014 <a href="#">Autism Home</a> | Design: <a href="#">RMG Team</a>
					</div>
				</div>
				<div class="col-md-3">
					<div style="text-align: right">
						<a href="#"><img src="__PUBLIC__/images/facebook.png" alt="Like us on Facebook"></a>
						<a href="#"><img src="__PUBLIC__/images/twitter.png" alt="Follow us on Twitter"></a>
						<a href="#"><img src="__PUBLIC__/images/rss.png" alt="RSS feeds"></a>
					</div>
				</div>
			</div>
		</footer>
	</div>
<script type='text/javascript' src='__PUBLIC__/js/logging.js'></script>
</body>
</html>